<style>
    .profile-avatar-container {
        position: relative;
        width: 100px;
        margin: 0 auto;
    }

    .profile-avatar-container .profile-user-img {
        width: 100px;
        height: 100px;
    }

    .profile-avatar-container .profile-avatar-text {
        display: none;
    }

    .profile-avatar-container:hover .profile-avatar-text {
        display: block;
        position: absolute;
        height: 100px;
        width: 100px;
        background: #444;
        opacity: .6;
        color: #fff;
        top: 0;
        left: 0;
        line-height: 100px;
        text-align: center;
    }

    .profile-avatar-container #plupload-avatar {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        opacity: 0;
    }

    [v-cloak] {
        display: none;
    }

    .service {
        margin-bottom: 10px;
    }

    .sp_result_area {
        z-index: 10000;
    }
</style>
<div class="row animated fadeInRight">
    <form id="edit-form" role="form" data-toggle="validator" method="POST" action="">
        <div class="col-md-4">
            <div class="box box-success">
                <div class="panel-heading">
                    店铺资料
                </div>
                <div class="panel-body">
                    <div class="box-body box-profile">
                        <div class="profile-avatar-container">
                            <img class="profile-user-img img-responsive img-circle plupload"
                                 src="{$row.avatar|cdnurl|htmlentities}" alt="">
                            <div class="profile-avatar-text img-circle">{:__('Click to edit')}</div>
                            <div id="plupload-avatar" class="plupload" data-input-id="c-avatar"><i
                                    class="fa fa-upload"></i> {:__('Upload')}
                            </div>
                            <input id="c-avatar" class="form-control" size="50" name="row[avatar]" type="hidden"
                                   value="{$row.avatar|htmlentities}">
                        </div>
                        <h3 class="profile-username text-center">{$row.shopname|htmlentities}</h3>
                        <p class="text-muted text-center">账户：{$user.username}</p>
                        <div class="form-group">
                            <label for="c-shopname" class="control-label">{:__('Shopname')}:</label>
                            <input id="c-shopname" data-rule="required" class="form-control" name="row[shopname]"
                                   type="text" value="{$row.shopname|htmlentities}">
                        </div>

                        <!--<div class="form-group">
                            <label for="keywords" class="control-label">{:__('Keywords')}:</label>
                            <input id="c-keywords" data-rule="required" class="form-control" name="row[keywords]" type="text" value="{$row.keywords|htmlentities}">
                        </div>-->
                        <div class="form-group">
                            <label for="c-description" class="control-label">{:__('Description')}:</label>
                            <input id="c-description" data-rule="required" class="form-control" name="row[description]"
                                   type="text" value="{$row.description|htmlentities}">
                        </div>
                        <div class="form-group">
                            <label for="c-service_ids" class="control-label">{:__('Service_ids')}:</label>
                            <input id="c-service_ids" data-rule="required"
                                   data-source="wanlshop/shop/service"
                                   data-multiple="true"
                                   class="form-control selectpage"
                                   name="row[service_ids]" type="text" value="{$row.service_ids|htmlentities}">
                        </div>
                        <div class="form-group">
                            <label  class="control-label">{:__('店铺所在地')}:</label>
                            <div class='control-relative'><input  data-rule="required" class="form-control"
                                                                  type="text" readonly
                                                                 value="{$row.city|htmlentities}"></div>
                        </div>
                        <div class="form-group">
                            <label for="c-address" class="control-label">{:__('详细地址')}:</label>
                            <div class='control-relative input-group'>
                                <input id="c-address" class="form-control" name="row[address]" type="text"
                                       value="{$row.address}">
                                <input id="c-lng" class="form-control" name="row[lng]" type="hidden" value="{$row.lng}">
                                <input id="c-lat" class="form-control" name="row[lat]" type="hidden" value="{$row.lat}">
                                <div class="input-group-addon no-border no-padding">
									<span>
										<button class="btn btn-success" type="button" data-toggle='ymygooglemap'
                                                data-input-id="c-address" data-lat-id="c-lat" data-lng-id="c-lng"><i
                                                class="fa fa-map"></i> 选择地址</button>
									</span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="c-shopname" class="control-label">{:__('客服二维码')}:</label>
                            <div class="input-group">
                                <input id="c-wechat_qrcode" data-rule="" class="form-control" size="50" name="row[wechat_qrcode]" type="text" value="{$row.wechat_qrcode}">
                                <div class="input-group-addon no-border no-padding">
                                    <span><button type="button" id="faupload-wechat_qrcode" class="btn btn-danger faupload" data-input-id="c-wechat_qrcode" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-wechat_qrcode"><i class="fa fa-upload"></i> {:__('上传')}</button></span>
                                    <span><button type="button" id="fachoose-wechat_qrcode" class="btn btn-primary fachoose" data-input-id="c-wechat_qrcode" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                                </div>
                                <span class="msg-box n-right" for="c-wechat_qrcode"></span>
                            </div>
                            <ul class="row list-inline faupload-preview" id="p-wechat_qrcode"></ul>
                        </div>
                        <div class="form-group layer-footer">
                            <label class="control-label"></label>
                            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
                            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-8">
            <div class="box box-success">
                <!-- <div class="panel-heading">
                    未来版本设置为 操作日志 或者加入服务
                </div> -->
                <div class="panel-body">

                    <div class="box-body box-profile">

                        <div class="form-group">
                            <label for="c-bio" class="control-label">{:__('Bio')}:</label>
                            <textarea id="c-bio" data-rule="required" class="form-control editor" rows="5"
                                      name="row[bio]" cols="50">{$row.bio|htmlentities}</textarea>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </form>
</div>
